<template>
  <div @click="toggleCollapse" class="ma h-full px-[15px] flex items-center justify-center custom-hover">
    <EcoIcon :icon="collapse ? 'outdent' : 'indent'" />
  </div>
</template>
<script setup lang="ts">
import { useAppStore } from '@/stores'
const appStore = useAppStore()
const collapse = computed(() => appStore.getCollapse)
const toggleCollapse = () => {
  const collapsed = unref(collapse)
  appStore.setCollapse(!collapsed)
}
</script>
